.widget-newslist-4 li { margin-top: -1px; vertical-align: top;border: 1px solid ${borderColor.value}; 
  background: ${defaultBG.value}; }
.widget-newslist-4 li a {position: relative;  display: block; overflow: hidden; 
  padding-left: 45px; transition: none; *zoom: 1; }
.widget-newslist-4 ._mark { position: absolute; top: 0; left: 0; width: 45px; 
  margin-bottom: -999px;padding-bottom: 999px; }
.widget-newslist-4 ._mark:before { content:"+"; position: absolute; left: 17px;top:4px;
  font-weight: 700;font-size: ${iconSize.value}px; font-family: tahoma;}
.widget-newslist-4 ._title {line-height: ${listHeight.value}px; height: ${listHeight.value}px; 
  padding: 0 ${titlePadd.value}px; cursor: pointer;border-bottom: 1px solid ${defaultBG.value}; }
.widget-newslist-4 ._title ._t {font-size: ${titleSize.value}px; float: left; width: 88%; 
  color:${titleColor.value};}
.widget-newslist-4 ._title ._date { float: right; text-align: center; color: ${infoColor.value};
  width: 12%;}
.widget-newslist-4 ._p {line-height: 20px; overflow: hidden; height: 0;  margin: 0 ${titlePadd.value}px;}
.widget-newslist-4 a:hover, .widget-newslist-4 .hover a, .widget-newslist-4 .hover ._t {
  color: ${defaultBG.value}; background: ${curColor.value};}
.widget-newslist-4 a:hover ._mark, .widget-newslist-4 .hover ._mark { background: ${markColor.value};}
.widget-newslist-4 a:hover ._mark:before, .widget-newslist-4 .hover ._mark:before {content: "-"; }
.widget-newslist-4 a:hover ._title, .widget-newslist-4 .hover ._title { border-color: ${markColor.value};}
.widget-newslist-4 a:hover ._date, .widget-newslist-4 .hover ._date{color:${defaultBG.value};}
.widget-newslist-4 a:hover ._p, .widget-newslist-4 .hover ._p { height: auto; margin: ${titlePadd.value}px;}
@media only screen and (max-width: 480px) { 
  .widget-newslist-4 ._title ._t { width: 100%;}
  .widget-newslist-4 ._title ._date { display: none;}
}
